<script>
	import Vue from 'vue';
	export default {
		onLoad: function() {},
		onLaunch: function() {
			console.log(uni.$u.config.v, 'uview');
			// 状态栏高度
			this.globalData.statusBarHeight = uni.getSystemInfoSync().statusBarHeight;
			// #ifdef MP-WEIXIN
			// 获取微信胶囊的位置信息 width,height,top,right,left,bottom
			const custom = wx.getMenuButtonBoundingClientRect();
			// console.log(custom)
			// 导航栏高度(标题栏高度) = 胶囊高度 + (顶部距离 - 状态栏				高度) * 2
			this.globalData.navigationBarHeight = custom.height + (custom.top - this.globalData.statusBarHeight) * 2;
			// console.log("导航栏高度："+this.globalData.navigationBarHeight)
			// 总体高度 = 状态栏高度 + 导航栏高度
			this.globalData.navHeight = this.globalData.navigationBarHeight + this.globalData.statusBarHeight;
			Vue.prototype.$navHeight = this.globalData.navHeight;
			// #endif
			console.log('App Launch');
		},
		onShow: function() {
			console.log('App Show');
		},
		onHide: function() {
			console.log('App Hide');
		}
	};
</script>

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import '@/uni_modules/uview-ui/index.scss';
	/*每个页面公共css */

	/* animate */
	@import 'animate.css';

	.textover {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	image {
		// will-change: transform;
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor;
	}

	.triangle {
		width: 0px;
		height: 0px;
		border: 20rpx solid transparent;
		/*以下四个样式对应四种三角形，任选其一即可实现*/
		/* border-top-color:lightseagreen; */
		/* border-left-color:lightseagreen; */
		/* border-right-color:lightseagreen; */
		border-bottom-color: #4c4c4c;
		margin-top: -30rpx;
		margin-left: 212rpx;
	}

	.messageStyle {
		display: flex;
		width: 200rpx;
		height: 40rpx;
		justify-content: center;
		align-items: center;
		border-radius: 72rpx 72rpx 72rpx 72rpx !important;
		background-color: #9481af;
		font-size: 24rpx;
		color: #d4d0e8;
	}

	/* color */
	.color_1b {
		color: #1b1b1b;
	}

	.color_AA {
		color: #aaaaaa;
	}

	.color_C9 {
		color: #c9c9c9;
	}

	.color_FF {
		color: #ff0000;
	}

	.color_7A {
		color: #7a7a7a;
	}

	.color_68 {
		color: #68686a;
	}

	.color_87 {
		color: #87908d;
	}

	.color_98 {
		color: #989898;
	}

	.color_14 {
		color: #141414;
	}

	.color_1C {
		color: #1caf00;
	}

	.color_33 {
		color: #33b71a;
	}

	.color_1F {
		color: #1f2221;
	}

	.color_fff {
		color: #fff;
	}

	.color_17 {
		color: #17161d;
	}

	.color_22 {
		color: #22497a;
	}

	.color_A5 {
		color: #a5a5a5;
	}

	.color_E0 {
		color: #e0baff;
	}

	.color_EA {
		color: #ead1ff;
	}

	.color_91 {
		color: #919191;
	}

	.color_1D {
		color: #1dbb00;
	}

	.color_79 {
		color: #797979;
	}

	.color_000 {
		color: #000000;
	}

	.color_20E {
		color: #00020e;
	}

	.color_5E {
		color: #5e6369;
	}

	/* bg */
	.bg_ff {
		background-color: #ffb100 !important;
	}

	.bg_A1 {
		background-color: #a14bff !important;
	}

	.bg_FF {
		background-color: #ff0000 !important;
	}

	.bg_grey {
		background-color: gray !important;
	}

	.bg_f7 {
		background-color: #f7f7f7 !important;
	}

	/* size */
	.size_12 {
		font-size: 12rpx;
	}

	.size_18 {
		font-size: 18rpx;
	}

	.size_32 {
		font-size: 32rpx;
	}

	.size_22 {
		font-size: 22rpx;
	}

	.size_16 {
		font-size: 16rpx;
	}

	.size_48 {
		font-size: 48rpx;
	}

	.size_20 {
		font-size: 20rpx;
	}

	.size_14 {
		font-size: 14rpx;
	}

	.size_26 {
		font-size: 26rpx;
	}

	.size_28 {
		font-size: 28rpx;
	}

	.size_42 {
		font-size: 42rpx;
	}

	.size_46 {
		font-size: 46rpx;
	}

	.size_42 {
		font-size: 42rpx;
	}

	.size_40 {
		font-size: 40rpx;
	}

	.size_38 {
		font-size: 38rpx;
	}

	.size_36 {
		font-size: 36rpx;
	}

	.size_24 {
		font-size: 24rpx;
	}

	.size_34 {
		font-size: 34rpx;
	}

	.size_30 {
		font-size: 30rpx;
	}

	.size_70 {
		font-size: 70rpx;
	}

	.size_65 {
		font-size: 65rpx;
	}

	.fb {
		font-weight: bold;
	}

	.line {
		height: 1rpx;
		background-color: #bebebe;
	}

	/*  */
	.flex {
		display: flex;
	}

	.flex-end {
		display: flex;
		justify-content: flex-end;
	}

	.flex-wrap {
		display: flex;
		flex-wrap: wrap;
	}

	.flex_col {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
		align-content: center;
	}

	/* 弹性盒子弹性容器 */
	.flex_col .flex_grow {
		width: 0;
		flex-grow: 1;
	}

	// .flex_row .flex_grow{flex-grow: 1;}

	.flex-align {
		display: flex;
		align-items: center;
	}

	.flex-row {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.flex-start {
		display: flex;
		justify-content: flex-start;
	}

	.flex-around {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
	}

	.flex-between {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.flex-cen {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.flex-column {
		display: flex;
		flex-direction: column;
	}

	.flex-evenly {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
	}

	/*  */
	.text-cen {
		text-align: center;
	}

	.test {
		// padding-bottom: calc(var(--window-bottom) + 30rpx);
		padding-bottom: 162rpx;
	}

	.h54 {
		height: 108rpx;
	}

	.h108 {
		height: 108rpx;
	}

	.pt20 {
		padding-top: 20rpx;
	}

	.ps22 {
		padding-bottom: 22rpx;
	}

	.ps28 {
		padding-bottom: 28rpx;
	}

	.pt20 {
		padding-top: 10rpx;
	}

	.mt26 {
		margin-top: 26px;
	}

	.mr22 {
		margin-right: 22rpx;
	}

	.mr26 {
		margin-right: 26rpx;
	}

	.mr250 {
		margin-right: 250rpx;
	}

	.mr300 {
		margin-right: 300rpx;
	}

	.mr72 {
		margin-right: 72rpx;
	}

	.mr60 {
		margin-right: 60rpx;
	}

	.mr8 {
		margin-right: 8rpx;
	}

	.mr14 {
		margin-right: 14rpx;
	}

	.mr24 {
		margin-right: 24rpx;
	}

	.mr80 {
		margin-right: 80rpx;
	}

	.mr100 {
		margin-right: 100rpx;
	}

	.mr156 {
		margin-right: 156rpx;
	}

	.mr124 {
		margin-right: 124rpx;
	}

	.mr270 {
		margin-right: 270rpx;
	}

	.mr28 {
		margin-right: 28rpx;
	}

	.ml146 {
		margin-left: 146rpx;
	}

	.ml30 {
		margin-left: 30rpx;
	}

	.ml80 {
		margin-left: 80rpx;
	}

	.ml62 {
		margin-left: 62rpx;
	}

	.ml100 {
		margin-left: 100rpx;
	}

	.ml8 {
		margin-left: 8rpx;
	}

	.ml20 {
		margin-left: 20rpx;
	}

	.mr16 {
		margin-right: 16rpx;
	}

	.mr13 {
		margin-right: 13rpx;
	}

	.mr60 {
		margin-right: 60rpx;
	}

	.mr90 {
		margin-right: 90rpx;
	}

	.mr310 {
		margin-right: 310rpx;
	}

	.mr332 {
		margin-right: 332rpx;
	}

	.ml270 {
		margin-left: 270rpx;
	}

	.ml13 {
		margin-left: 13rpx;
	}

	.ml42 {
		margin-left: 42rpx;
	}

	.ml40 {
		margin-left: 40rpx;
	}

	.ml12 {
		margin-left: 12rpx;
	}

	.ml10 {
		margin-left: 10rpx;
	}

	.mt238 {
		margin-top: 238rpx;
	}

	.mt18 {
		margin-top: 18rpx;
	}

	.mt2 {
		margin-top: 2rpx;
	}

	.mt26 {
		margin-top: 26rpx;
	}

	.mt52 {
		margin-top: 52rpx;
	}

	.mt60 {
		margin-top: 60rpx;
	}

	.mt8 {
		margin-top: 8rpx;
	}

	.mt22 {
		margin-top: 22rpx;
	}

	.mt4 {
		margin-top: 4rpx;
	}

	.mt106 {
		margin-top: 106rpx;
	}

	.ms38 {
		margin-bottom: 38rpx;
	}

	.ms12 {
		margin-bottom: 12rpx;
	}

	.pt12 {
		padding-top: 12rpx;
	}

	.ps12 {
		padding-bottom: 12rpx;
	}

	.ms98 {
		margin-bottom: 98rpx;
	}

	.ms24 {
		margin-bottom: 24rpx;
	}

	.mt12 {
		margin-top: 12rpx;
	}

	.mr204 {
		margin-right: 204rpx;
	}

	.mr260 {
		margin-right: 260rpx;
	}

	.mr40 {
		margin-right: 40rpx;
	}

	.mr240 {
		margin-right: 240rpx;
	}

	.mr200 {
		margin-right: 200rpx;
	}

	.mr180 {
		margin-right: 180rpx;
	}

	.mr64 {
		margin-right: 64rpx;
	}

	.mr34 {
		margin-right: 34rpx;
	}

	.mr2 {
		margin-right: 2rpx;
	}

	.ml34 {
		margin-left: 44rpx;
	}

	.ml64 {
		margin-left: 64rpx;
	}

	.mt20 {
		margin-top: 20rpx;
	}

	.mt14 {
		margin-top: 14rpx;
	}

	.mt24 {
		margin-top: 24rpx;
	}

	.pt24 {
		padding-top: 24rpx;
	}

	.mt16 {
		margin-top: 16rpx;
	}

	.mt30 {
		margin-top: 30rpx;
	}

	.mt100 {
		margin-top: 100rpx;
	}

	.pt14 {
		padding-top: 14rpx;
	}

	.mt84 {
		margin-top: 84rpx;
	}

	.ms40 {
		margin-bottom: 40rpx;
	}

	.ms32 {
		margin-bottom: 32rpx;
	}

	.ps32 {
		padding-bottom: 32rpx;
	}

	.ms36 {
		margin-bottom: 36rpx;
	}

	.ml50 {
		margin-left: 50rpx;
	}

	.ml16 {
		margin-left: 16rpx;
	}

	.ml24 {
		margin-left: 24rpx;
	}

	.ml34 {
		margin-left: 34rpx;
	}

	.ml44 {
		margin-left: 44rpx;
	}

	.ml46 {
		margin-left: 46rpx;
	}

	.mr4 {
		margin-right: 4rpx;
	}

	.mr54 {
		margin-right: 54rpx;
	}

	.mr6 {
		margin-right: 6rpx;
	}

	.mr30 {
		margin-right: 30rpx;
	}

	.mr274 {
		margin-right: 274rpx;
	}

	.mr50 {
		margin-right: 50rpx;
	}

	.mr16 {
		margin-right: 16rpx;
	}

	.ml18 {
		margin-left: 18rpx;
	}

	.ml26 {
		margin-left: 26rpx;
	}

	.ml48 {
		margin-left: 48rpx;
	}

	.mr24 {
		margin-right: 24rpx;
	}

	.mr56 {
		margin-right: 56rpx;
	}

	.mr190 {
		margin-right: 190rpx;
	}

	.mr28 {
		margin-right: 28rpx;
	}

	.mr416 {
		margin-right: 416rpx;
	}

	.ms10 {
		margin-bottom: 10rpx;
	}

	.ms8 {
		margin-bottom: 8rpx;
	}

	.ms24 {
		margin-bottom: 24rpx;
	}

	.mr66 {
		margin-right: 66rpx;
	}

	.mr72 {
		margin-right: 72rpx;
	}

	.mr38 {
		margin-right: 38rpx;
	}

	.mr286 {
		margin-right: 286rpx;
	}

	.ms6 {
		margin-bottom: 6rpx;
	}

	.mr4 {
		margin-right: 4rpx;
	}

	.mr16 {
		margin-right: 16rpx;
	}

	.ml8 {
		margin-left: 8rpx;
	}

	.ml208 {
		margin-left: 208rpx;
	}

	.mr24 {
		margin-right: 24rpx;
	}

	.mt18 {
		margin-top: 18rpx;
	}

	.mt30 {
		margin-top: 30rpx;
	}

	.mr150 {
		margin-right: 150rpx;
	}

	.mr354 {
		margin-right: 354rpx;
	}

	.mr300 {
		margin-right: 300rpx;
	}

	.mr44 {
		margin-right: 44rpx;
	}

	.mr54 {
		margin-right: 54rpx;
	}

	.ml54 {
		margin-left: 54rpx;
	}

	.mr18 {
		margin-right: 18rpx;
	}

	.mt70 {
		margin-top: 70rpx;
	}

	.mt38 {
		margin-top: 38rpx;
	}

	.mt44 {
		margin-top: 44rpx;
	}

	.mt48 {
		margin-top: 48rpx;
	}

	.mr28 {
		margin-right: 28rpx;
	}

	.mr42 {
		margin-right: 42rpx;
	}

	.mt20 {
		margin-top: 20rpx;
	}

	.mt24 {
		margin-top: 24rpx;
	}

	.mt34 {
		margin-top: 34rpx;
	}

	.mr18 {
		margin-right: 18rpx;
	}

	.mr242 {
		margin-right: 242rpx;
	}

	.mr12 {
		margin-right: 12rpx;
	}

	/* mr */
	.mr4 {
		margin-right: 4rpx;
	}

	.mr10 {
		margin-right: 10rpx;
	}

	.mr12 {
		margin-right: 12rpx;
	}

	.mr16 {
		margin-right: 16rpx;
	}

	.mr20 {
		margin-right: 20rpx;
	}

	.mr26 {
		margin-right: 26rpx;
	}

	.mr28 {
		margin-right: 28rpx;
	}

	.mr30 {
		margin-right: 30rpx;
	}

	.mr32 {
		margin-right: 32rpx;
	}

	.mr40 {
		margin-right: 40rpx;
	}

	.mr46 {
		margin-right: 46rpx;
	}

	.mr262 {
		margin-right: 262rpx;
	}

	.mr374 {
		margin-right: 374rpx;
	}

	.mr536 {
		margin-right: 536rpx;
	}

	/* mr */
	/* ml */
	.ml28 {
		margin-left: 28rpx;
	}

	.ml32 {
		margin-left: 32rpx;
	}

	.ml36 {
		margin-left: 36rpx;
	}

	.ml46 {
		margin-left: 46rpx;
	}

	/* ml */
	/* mt */
	.mt6 {
		margin-top: 6rpx;
	}

	.mt10 {
		margin-top: 10rpx;
	}

	.mt12 {
		margin-top: 12rpx;
	}

	.mt14 {
		margin-top: 14rpx;
	}

	.mt16 {
		margin-top: 16rpx;
	}

	.mt22 {
		margin-top: 22rpx;
	}

	.mt28 {
		margin-top: 28rpx;
	}

	.mt30 {
		margin-top: 30rpx;
	}

	.mt32 {
		margin-top: 32rpx;
	}

	.mt34 {
		margin-top: 34rpx;
	}

	.mt40 {
		margin-top: 40rpx;
	}

	.mt42 {
		margin-top: 42rpx;
	}

	.mt50 {
		margin-top: 50rpx;
	}

	.mt56 {
		margin-top: 56rpx;
	}

	.mt66 {
		margin-top: 66rpx;
	}

	/* mt */
	/* ms */
	.ms4 {
		margin-bottom: 4rpx;
	}

	.ms8 {
		margin-bottom: 8rpx;
	}

	.ms16 {
		margin-bottom: 16rpx;
	}

	.ms18 {
		margin-bottom: 18rpx;
	}

	.ms20 {
		margin-bottom: 20rpx;
	}

	.ms22 {
		margin-bottom: 22rpx;
	}

	.ms30 {
		margin-bottom: 30rpx;
	}

	.ms50 {
		margin-bottom: 50rpx;
	}

	.ms32 {
		margin-bottom: 32rpx;
	}

	.ms74 {
		margin-bottom: 74rpx;
	}

	.ml56 {
		margin-left: 56rpx;
	}

	.mr20 {
		margin-right: 20rpx;
	}

	.mr48 {
		margin-right: 48rpx;
	}

	.mr46 {
		margin-right: 46rpx;
	}

	/*  */
	.h20 {
		height: 20rpx;
	}

	.h30 {
		height: 30rpx;
	}

	.h40 {
		height: 40rpx;
	}

	.h80 {
		height: 80rpx;
	}

	.h92 {
		height: 92rpx;
	}

	.h66 {
		height: 66rpx;
	}

	.lh66 {
		line-height: 66rpx;
	}

	.h100 {
		height: 100rpx;
	}

	.h120 {
		height: 120rpx;
	}

	.h208 {
		height: 208rpx;
	}

	.h254 {
		height: 254rpx;
	}

	/*  */
</style>